<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <link rel="stylesheet" href="css/common.css">
    <link rel="stylesheet" href="css/brandTitle.css">
    <title>Document</title>



</head>

<body>
    <div id="ctl00_header1" class="header1 clearfix1">
        <div class="fl logo">
            <a href="javascript:;" title="慢慢买比价网--手机版">
                <img src="images/header_logo.png" alt="慢慢买比价网--手机版">
            </a>
        </div>
        <div class="fr appdown">
            <a href="http://m.manmanbuy.com/app.html?type=headword&value=wap" onclick="trackEvent('header下载');" title="手机app下载">
                <img src="https://img.alicdn.com/imgextra/i2/690311/TB2beKvaTXYBeNkHFrdXXciuVXa_!!690311.png" alt="手机app下载">
            </a>
        </div>
    </div>
    <form action="#" method="get" name="frm">
        <div id="ctl00_searchmmb" class="search1 clearfix1">
            <div class="searchtxt">
                <input value="" name="key" type="search" placeholder="请输入你想比价的商品">
            </div>
            <div class="searchbtn">
                <input type="submit" value="搜索">
            </div>
        </div>
    </form>

    <!-- 热门排行 -->
    <form action="">
        <div class="nav">
            <a href="http://m.manmanbuy.com" class="f12">首页</a> >
            <a href="top10.aspx" class="f12">
                品牌大全</a>
        </div>
        <div style="font-size: 16px;color:#874604;height: 40px; padding-left:10px; line-height: 40px;margin:10px 5px; border:1px solid #ccc; background-color:#eee;">热门品牌排行</div>

        <div class="box"></div>
    </form>
    <div class="app-promotion-bar">
        <a class="closefix" href="javascript:;"></a>
        <div class="icon"></div>
        <p class="titlefix">慢慢买</p>
        <p class="describe">全网比价,查历史价格</p>
        <a class="download-btn" href="http://m.manmanbuy.com/app.html?type=foot_http://appmanmanbuycom/top10aspx&value=wapfoot" onclick="trackEvent('底部悬浮下载');">立即打开</a>
    </div>
    <div class="fooler">
        <div class="fool-top">
            <a href="javascript:;">登录</a>
            <a href="javascript:;">注册</a>
            <a href="#ctl00_header1">↑返回顶部</a>
        </div>
        <div class="fool-bot">
            <p>
                <a href="">手机APP下载</a>
                <a href="">慢慢买手机版</a>
                -- 掌上比价平台
            </p>
            <p>m.manmanbuy.com</p>
        </div>
    </div>
</body>

</html>
<script src="js/jquery-2.2.2.min.js"></script>
<script src="js/common.js"></script>
<script src="js/template-web.js"></script>
<script type="text/template" id="temp">
    {{each data value}}
    <div class="fl_t">
        <a href="ranking/distop.php?brandTitleId={{value.brandTitleId}}&title={{value.brandTitle}}">{{value.brandTitle}}</a>
    </div>
    {{/each}}
</script>
<script>
    $.get("http://193.112.55.79:9090/api/getbrandtitle", '', function (res) {
        var data = res.result;
        // console.log(res.result);
        $(".box").html(template('temp', {
            "data": data
        }));

    }, 'json');
</script>